@charset "UTF-8";
// Author:   hexinwei Description: 图文豆腐块
@import "../base/_common";

.car-list {
	background-color: $color-bg-3;
}
.car-list-1, .car-list-2{
	width: 1208px;
	li {
		float: left;
		width: 300px;
		height: 287px;
	}
	.shadow {
		box-shadow: 0 0 13px #999;
	}
	.car-list-box {
		display: block;
		background-color: #fff;
		margin-right: 10px;
		margin-bottom: 10px;
		width: 290px;
		height: 277px;
		overflow: hidden;
		.label-box {
			height: 18px;
		}
		.hidden {
			visibility: hidden;
		}
		.label-1, .label-2, .label-3 {
			display: block;
			float: left;
			color: #fff;
			height: 18px;
			line-height: 18px;
			font-size: 12px;
			padding: 0 5px;
			em {
				font-size: 14px;
			}
		}
		.label-1 {
			background-color: $color-bg-4;
		}
		.label-2 {
			background-color: $color-bg-5;
		}
		.label-3 {
			background-color: $color-bg-6;
		}
		.triangle-1, .triangle-2, .triangle-3 {
			display: block;
			float: left;
			width: 6px;
			height: 18px;
		}
		.triangle-1 {
			@include iconItemNoSize($iconsIndex,"icon-2.0-flag1",indexMaps);
		}
		.triangle-2 {
			@include iconItemNoSize($iconsIndex,"icon-2.0-flag2",indexMaps);
		}
		.triangle-3 {
			@include iconItemNoSize($iconsIndex,"icon-2.0-flag3",indexMaps);
		}
		.lazy {
			width: 210px;
			height: 140px;
			margin: 0 40px;
			vertical-align: top;
		}
		.car-series, .car-model, p {
			display: block;
			text-align: center;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.car-series {
			font-size: 18px;
			padding: 0 40px;
		}
		.car-model {
			font-size: 16px;
			padding: 0 20px;
		}
		.price-box {
			margin-top: 16px;
			font-size: 14px;
			.now-price {
				color: #e51c23;
				margin-right: 5px;
				font-weight: bold;
			}
			.original-price {
				color: #999;
				text-decoration: line-through;
			}
			.key {
				font-size: 14px;
				color: #999;
			}
			.price {
				color: #e51c23;
				font-size: 18px;
				font-weight: bold;
			}
			.rmb {
				font-size: 14px;
			}
		}
	}
	.car-list-box:hover a {
		text-decoration: none;
	}
}
.car-list-1 {
	padding-top: 42px;
	height: 277px;
}
.car-list-2 {
	padding-top: 20px;
	li {
		width: 300px;
		height: 250px;
	}
	.car-list-box {
		height: 240px;
		.car-series {
			clear: both;
			padding-top: 8px;
		}
		.price-box {
			margin-top: 18px;
			line-height: 21px;
			height: 21px;
		}
		.lazy {
			width: 180px;
			height: 120px;
			margin: 0 55px;
		}
	}
}